<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>网易云阅读--海量新闻、精彩资讯、图书、免费小说、漫画，免费畅读</title>
<meta name="keywords" content="小说，免费小说，热门小说，言情小说，小说下载，漫画，图书，热点新闻，
好文章，电子书，免费杂志，网易，阅读，网易云阅读"/>
<meta name="description" content="网易云阅读提供丰富的原创小说、畅销好书、热门新闻和文章免费在线阅读和下载。包括文学、传记、艺术、经济管理，官场小说、都市小说、言情小说，热血漫画，旅游、电影杂志等。
手机上支持Android、iPhone、iPad、Android Pad、Windows Phone、Windows8等多平台免费下载！"/>
<meta name="baidu-site -verification" content="6NjRkfBUp">
<meta name="viewport" content="width=device-width"/>
<!-- reset -->
<link rel="stylesheet" href="./css/reset.css"/>
<!--function-->
<link rel="shortcut icon" href="./css/function.css">
<!--引入style.css-->
<link rel="stylesheet" href="./css/style.css">
<link rel="shortcut icon" href="./favicon.ico"/> 
<!-- 先不考虑苹果系统 -->
<link rel="apple-touch-icon" href="img/touchicon.png"/>
</head>
<body>
    <!--整个文档-->
<div class="g-doc">
     <!--头部-->
    <div class="g-hd">
         <!--顶部固定条-->
         <div class="m-topbar">
            <div class="inner f-cd">
                <ul class="sns f-fl f-cd">
                    <li><a href="#">网易云阅读</a></li>
                    <li><span class="sep">|</span> </li>
                    <li><a href="#">国风中文网</a></li>
                    <li><span class="sep">|</span> </li>
                    <li><a href="#">采薇书院</a></li>
                    <li><span class="sep">|</span> </li>
                    <li><a href="#">从电脑上导入书籍</a></li>
                    <li><span class="sep">|</span> </li>
                    <li><a href="#" class="g">公众号</a>
                        <div class="m-codelayer">
                            <img src="./images/gzh.png" alt="" srcset="">
                        </div></li>
                </ul>
          
                <div class="ulink f-fr f-cd">
                    <span class="layer">
                    <a href="#" class="login">登录
                        <div class="login-layer">
                            <ul>
                                <li><a href="#" class="child1">网易邮箱登录</a></li>
                                <li><a href="#" class="child2">新浪微博登录</a</li>
                                <li><a href="#" class="child3">手机号登录</a</li>
                                <li><a href="#" class="child4">微信登录</a</li>                            
                            </ul>
                            <div class="sanjiao"><img src="./images/sanjiao.png" alt="" srcset=""></div>
                         </div>
                        </a>
                        </span>
                    </a><span class="sep">|</span> 
                    <a href="#">注册</a><span class="sep">|</span>
                    <a href="#">举报</a>
                  
                </div>
            </div>
         </div>
           <!-- 头部顶部-->
        <div class="m-headertop">
            <div class="inner">
                <h1 class="m-logo">
                    <a href="#">网易云阅读</a>
                </h1>
                <div class="m-sch">
                    <input type="text" class="s-placeholder" name="key"  value="唐诗里的烟火人间" >
                    <button type="submit"></button>
                </div>
                <div class="m-clouds">
                    <a class="m-cloudzx" href="#">我的订阅</a>
                    <a class="m-cloudsj" href="#">我的书架</a>
                </div>    
            </div>
        </div>
         <!--头部底部-->
         <div class="m-headerbottom">
           <div class="inner">
            <ul class="m-mianlist">
                <li><a href="#" class="crt">首页</a></li>
                <li><a href="#" class>出版图书</a></li>
                <li><a href="#" class>国风中文网</a></li>
                <li><a href="#"class>采薇书院</a></li>
                <li><a href="#"class>排行榜</a></li>
                <li class="fr"><a href="#"><img src="./images/kehuduan.png"><b class="icon-donload"></b>客户端</a></li>
                <li class="fr"><a href="#"><img src="./images/chongzhi.png"><b class="icon-recharge"></b>充值</a></li>
                <li class="fr"><a href="#"><img src="./images/zuozhezhongxin.png"><b class="icon-open"></b>作者中心</a></li>
                
            </ul>
           </div>
         </div>

    </div>
    <div class="g-bd">
        <div class="g-bd-large">
            <div class="g-sec f-cb" style="margin-top: 17px;">
                <div id="J_slider01" class="m-slider m-slider-idx">
                    <div class="slider">
                        <ul class="j-slider">

                        </ul>
                    </div>
                    <a class="bth left-btn j-cl" href="#"></a>
                    <a class="bth right-btn j-cl" href="#"></a>
                    <div class="control">
                        <ol class="j-control"></ol>
                    </div>
                </div>
                <div id="J_MM" class="m-menu">
                    <!-- 中部上部的1 -->
                    <div class="category">
                        <div class="sub">
                            <h3 class="fl">国风中文网
                                <i style="display: block;"></i>
                            </h3>
                            <p>
                                <a class="hot" href="#">都市生活</a>
                                <a class="hot" href="#">官场职场</a>
                                <a class="ll" href="#">玄幻仙侠</a>
                            </p>
                            <p>
                                <a  href="#">悬疑探险</a>
                                <a  href="#">灵异恐怖</a>
                                <a class="ll" href="#">短篇小说</a> 
                            </p>
                        </div>
                        <div class="more" style="display: none;">
                            <p class="f-cb">
                                <a href="#">科幻奇幻</a>
                                <a href="#">军事谍战</a>
                                <a class="ll" href="#">同人网游</a>
                                <a class="ll" href="#">历史传奇</a>
                            </p>
                        </div>
                    </div>
                      <!-- 中部上部的2 -->
                    <div class="category">
                        <div class="sub">
                            <h3 class="fl">采薇书院
                                <i style="display: block;"></i>
                            </h3>
                            <p>
                                <a class="hot" href="#">浪漫青春</a>
                                <a class="hot" href="#">都市言情</a>
                                <a class="ll" href="#">古风古韵</a>
                            </p>
                            <p>
                                <a  href="#">穿越架空</a>
                                <a  href="#">宫斗宅斗</a>
                                <a class="ll" href="#">种田重生</a> 
                            </p>
                        </div>
                        <div class="more" style="display: none;">
                            <p class="f-cb">
                                <a href="#">短篇美文</a>
                                <a href="#">仙侠幻情</a>
                                <a class="ll" href="#">灵异推理</a>
                                <a class="ll" href="#">同人网游</a>
                            </p>
                        </div>
                    </div>
                      <!-- 中部上部的3 -->
                    <div class="category">
                        <div class="sub">
                            <h3 class="fl">图书
                                <i style="display: block;"></i>
                            </h3>
                            <p>
                                <a class="hot" href="#">小说作品</a>
                                <a class="hot" href="#">人文社科</a>
                                <a class="ll" href="#">成功励志</a>
                            </p>
                            <p>
                                <a  href="#">经济管理</a>
                                <a  href="#">品质生活</a>
                                <a class="ll" href="#">计算机&nbsp;&nbsp;&nbsp;&nbsp;</a> 
                            </p>
                        </div>
                        <div class="more" style="display: none;">
                            <p class="f-cb">
                                <a href="#">文学作品</a>
                                <a href="#">两性情感</a>
                                <a class="ll" href="#">亲子少儿</a>
                                <a href="#">培训考试</a>
                                <a href="#">杂志期刊</a>
                                <a class="ll" href="#">外文外版</a>
                            </p>
                        </div>
                    </div>
                      <!-- 中部上部的4-->
                    <div class="category">
                       <a href="#">
                        <div class="sub">
                            <h3>客户端APP下载</h3>
                            <p style="text-align: left; text-indent: 3px;">
                                <span style="color: #c9483c;">新用户全场免费畅读5天</span>
                            </p>
                            <p style="text-align: left; text-indent: 3px;">
                               <span>10w+原创小说</span>
                               &nbsp;&nbsp;|&nbsp;&nbsp;
                               <span>8w+经典出版</span>
                            </p>
                        </div>
                       </a>
                    </div>
                </div>
            </div>
            <div class="g-sec"></div>
            <div class="g-sec"></div>
            <div class="g-sec"></div>
            <div class="g-sec"></div>
            <div class="g-sec"></div>
        </div>
    </div>
    <div class="g-ft">
        
    </div>
</div>
</body>
</html>